.ocr_batch {
}

#batch {
    overflow: visible;
    z-index: 20;
}

.batch_task {
    margin: 5px;
    border: 1px solid #999;
    border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 5px;
    background-color: #FCFCFC;
    /*height: 15px;*/
    vertical-align: middle;
    min-width: 540px;
    display: block;
    text-decoration: none;
    color: #333;
    background-position: 5px -20px;
    background-repeat: no-repeat;
    background-image: url('/static/icons/document.svg');
    padding-left: 30px;
}

.batch_task:hover {
    background-color: #EEE;
}

.batch_task.current {
    background-color: #E0E8EF;
}

.batch_task.loading {
    opacity: 0.7;
    background-position: 5px;
    background-image: url('/static/ajax-loader-hz3.gif');
}

#overlay {
    background-color: #000;
    opacity: 0.3;
    position: absolute;
    display: none;
}

.progressbar_container {
    width: 220px;
    padding-left: 20px;
}

.progressbar_container.waiting {
    background-image: url("/static/ajax-loader-small2.gif");
    background-position: left center;
    background-repeat: no-repeat;
}

.progressbar {
    float: right;
    width: 200px;
    border: 1px solid #999;
    height: 10px;
    border-radius: 2px;
    -moz-border-radius: 2px;
}

.progressbar.started {
    background-image: url("/static/progbar.gif");
    background-position: center left;
    background-repeat: no-repeat;
}

.progressbar span {
    float: left;
    width: 0%;
    height: 10px;
    /*border-radius: 2px;
    -moz-border-radius: 2px;*/
    background-color: #088A08;
    opacity: 0.5;
}

.progressbar.pending, .progressbar.retry {
    background-color: #FFFFFF;
}

.progressbar.success span {
    background-color: #045FB4;
}

.progressbar.failure span {
    background-color: #FA5858;
}

.batch_info {
    padding: 10px;
    display: block;
    overflow: auto;
}

.batch_name {
    font-weight: bold;
    font-size: 1.3em;
    #color: 333;
    padding: 0px 10px 5px 5px;
    padding-bottom: 10px;
}

.batch_controls_left {
    float: left;
    height: 32px;
    padding-left: 36px;
    background-position: center left;
    background-repeat: no-repeat;
    background-image: url(/static/icons/transcript.png);
}

.batch_controls_left.runbatchitem {
    background-image: url(/static/icons/transcript.png);
}


.batch_controls_left.fedoraingest {
    background-image: url(/static/icons/fedora.png);
}


.batch_controls_left.comparegroundtruth {
    background-image: url(/static/icons/compare.png);
}

.batch_controls_inner {
    float: left;
    padding-top:3px;
}

.batch_controls_right {
    float: right;
}

.batch_controls_right a, .page_info, .progressbar_container {
    float: right;
}

.transcript_link, .transcript_link:visited {
    text-decoration: none;
    font-size: 0.9em;
    color: #666;
}

.transcript_link:hover, .export_link:hover {
    color: #660;
    background-color: #FFFFDD;
}

.export_link, .export_link:visited {
    text-decoration: none;
    font-size: 0.9em;
    color: #666;
    margin-left: 10px;
}

.page_name {
    text-decoration: none;
    color: #333;
    float: left;
    padding: 3px;
}

.page_name:hover {
    text-decoration: none;
    color: #333;
    float: left;
    background-color: #FFFFEE;
}

.page_info {
    color: #B9B9B9;
    padding-right: 10px;
}

.button_link {
    text-decoration: none;
    color: #333;
    margin: 0px 5px;
    opacity: 0.8;
}

.retry_errored {
    background-color: #FFDDDD;
}

.tl_container {
    overflow: auto;
    border: 1px solid #999;
    height: 490px;
    margin: 10px;
    background-color: #FFF;
}

#scroll_viewer {
    color: #FFF;
    position: absolute;
    -moz-border-radius: 20px;
    border-radius: 20px;
    background-color: #000;
    opacity: 0.5;
    font-size: 3em;
    display: none;
    vertical-align: middle;
    text-align: center;
    padding: 10px;
}

.recent_batches {
    border: 1px solid #D0D0D0;
    background-color: #FFF;
    padding-bottom: 10px;
}

.recent_batch {
    padding: 5px 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis; 
}

.recent_batch .recent_batch_link {
    text-decoration: none;
    font-size: 0.8em;
    color: #045FB4;
}


.list_popup {
    float: right;
    position: absolute;
    background-color: #FFF;
    box-shadow: 2px 3px 3px #919598;
    -webkit-box-shadow: 2px 3px 3px #919598;
    -moz-box-shadow: 2px 3px 3px #919598;
    padding: 3px;
}

.list_popup div.status_filter * {    
    float: left;
}

.list_popup input[type=text] {
    border: 1px solid #999;
    width: 7em;
    font-size: 0.95em;
    background-color: #FFFFDD;
    margin: 5px;
}

.list_popup label {
    width: 5em;
    text-align: right;
}

.toggle_button {
    padding: 2px 5px;
    margin: 0px 5px;
    cursor: pointer;
}

.toggle_button.filtered {
    text-decoration: underline;
}

.filter_container {
    float: left;
}

#filter_list {
    z-index: 1000;
    background-color: #FFF;
}


/*.ui-dialog .ui-dialog-content {
    padding: 5px 2px 10px 2px;
    margin-top: 0px;
    overflow: hidden;
} */



